<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <script src="./js/jquery3.3.1.js"></script>
    <script src="./js/bootstrap.js"></script>
    <style>
        /* .row{
            background-color: red;
        }
        .col-md-6{
            background-color: green;
        }
        .col-md-3{
            border-right: 1px solid green;
        } */
    </style>
</head>
<body>
    <!-- <div class="container">
        <div class="row">
            <div class="col-md-3 col-xs-3">
                <div class="col-md-6">6666</div>
                <div class="col-md-6">6666</div>
            </div>
            <div class="col-md-3 col-xs-3">你好</div>
            <div class="col-md-3 col-xs-3">你好</div>
            <div class="col-md-3 col-xs-3">你好</div>
        </div>
        <div class="row">
            <div class="col-md-4">.col-md-4</div>
            <div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
         </div>
    </div> -->

    <!-- 表单 -->
    <div class="container"> 
        <div class="row">
            <div class="col-md-3">
                <p class="bg-primary">Donec ullamcorper nulla non metus auctor fringilla.</p>
            </div>
            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
            <p class="bg-success">...</p>
            <p class="bg-info">...</p>
            <p class="text-danger">nihao</p>
            <p class="bg-warning">...</p>
            <p class="bg-danger">...</p>
        </div>
       
        <form>
            <div class="form-group">
              <label for="exampleInputEmail1">Email address</label>
              <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
            </div>
            <div class="form-group">
              <label for="exampleInputPassword1">Password</label>
              <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
            </div>
            <div class="form-group">
              <label for="exampleInputFile">File input</label>
              <input type="file" id="exampleInputFile">
              <p class="help-block">Example block-level help text here.</p>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox"> Check me out
              </label>
            </div>
            <button type="submit" class="btn btn-default">Submit</button>
          </form>
    </div>
    <div class="container"> 
<div class="row">
    <div class="col-lg-12">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
              <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
              <li data-target="#carousel-example-generic" data-slide-to="1"></li>
              <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>
          
            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
              <div class="item active">
                <img src="https://image.baidu.com/search/detail?ct=503316480&z=undefined&tn=baiduimagedetail&ipn=d&word=antdesign&step_word=&lid=11116617828886254809&ie=utf-8&in=&cl=2&lm=-1&st=undefined&hd=undefined&latest=undefined&copyright=undefined&cs=3903627302,3158751306&os=281970411,336941825&simid=4276941391,795797600&pn=5&rn=1&di=7355526631391232001&ln=1677&fr=&fmq=1715391012899_R&fm=&ic=undefined&s=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&is=0,0&istype=0&ist=&jit=&bdtype=0&spn=0&pi=0&gsm=1e&objurl=https%3A%2F%2Finews.gtimg.com%2Fnewsapp_match%2F0%2F14493157775%2F0&rpstart=0&rpnum=0&adpicid=0&nojc=undefined&dyTabStr=MCwxLDMsMiw2LDQsNSw4LDcsOQ%3D%3D" alt="...">
                <div class="carousel-caption">
                  ...
                </div>
              </div>
              <div class="item">
                <img src="https://img0.baidu.com/it/u=431320480,3236115363&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500" alt="...">
                <div class="carousel-caption">
                  ...
                </div>
              </div>
              ...
            </div>
          
            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
              <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
              <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
    </div>
</div><div>
</div>
   
</body>
</html>